<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<style>
					/*css注释方式*/
					/* css部分：选择器：抓取页面元素，元素增加效果
					 选择器{
						 属性:属性值;
						属性:属性值;
					                 }
					 */
					p{
						width: 200px;
						height: 200px;
						background: #8ce4e4;
					}
				</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表 【开发不用:没有真正实现内容与表现分离】
		    语法：前标记 style="属性：属性值;属性 ：属性值;..."
			-->
			<div style="width: 300px;height: 300px;background: red;"></div>
					<!-- ②内部样式表 【开发不用：联系专用】
					 html部分：在head元素中，添加css元素
					 css部分：在style元素中，添加css样式
					 -->
					 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, at maxime exercitationem est hic nobis porro, veritatis dolor vitae ea iusto rem quaerat, quidem a quis incidunt ullam tempora voluptates?</p>
	</body>
</html>